<template>
  <el-button type="success" plain>添加敏感词</el-button>
  <el-table :data="wordsData" style="width: 100%">
    <el-table-column type="index" width="50" />
    <el-table-column prop="word" label="敏感词" width="180" />
    <el-table-column prop="status" label="状态" width="180" />
    <el-table-column prop="updateTime" label="修改时间" width="180" />
    <el-table-column label="操作" align="center"
      ><template #default="{ row }">
        <el-button type="danger" @click="deleteWord(row)"
          >关闭</el-button
        ></template
      ></el-table-column
    ></el-table
  >
  <el-pagination
    :page-size="20"
    :pager-count="11"
    layout="prev, pager, next"
    :total="1000"
  />
  <h1 style="margin: 30px">敏感词汇总</h1>
  <el-input
    v-model="sensitiveWords"
    style="width: 100%"
    :rows="2"
    type="textarea"
    placeholder="敏感词汇总"
  />
</template>
<script setup>
import { ref } from "vue";
const sensitiveWords = ref("抄袭，剽窃");
const wordsData = [
  {
    word: "抄袭",
    status: "封禁",
    updateTime: "2024-10-21-12:00",
  },
  {
    word: "剽窃",
    status: "封禁",
    updateTime: "2024-10-21-12:00",
  },
];
</script>

<style scoped>
.el-button {
  margin-bottom: 20px;
}
</style>
